<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<link rel="stylesheet" type="text/css" href="./css/studycenter.css"/>
	</head>
	<body>
		<!--顶部导航 logo-->
		<div class="center-top">
			<div class="center-top-main">
				<div class="logo">
					<img src="img/logo.png" alt=""/>
				</div>
				<div class="center-name">学习中心</div>
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">课程中心</a>
					</li>
					<li>
						<a href="#">模拟题库</a>
					</li>
					<li>
						<img src="./img/thumb.png"/>
						<a href="#" class="my-class">我的网课</a>
					</li>
					<li>
						<img src="./img/shopcar.png"/>
						<a href="#">购课车</a>
					</li>
					<li>
						<img src="./img/tips.png"/>
						<a href="#">消息</a>
					</li>
					<li class="download-box">
						<a href="#" class="download">APP下载</a>
						<img src="./img/up.png" class="download-up"/>
						<img src="./img/downh.png" class="download-down"/>
						<div class="er-box">
							<img src="img/er.png"/>
							<span>雨露众德APP</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--顶部个人基本信息-->
		<div class="person-info">
			<div class="person-info-main">
				<div class="person-thumb">
					<img src="./img/er.png"/>
				</div>
				<div class="person-name-rank">
					<div class="person-name">Z夯实</div>
					<div class="person-rank">
						<img src="img/king.png"/>
						<span>注册会员</span>
					</div>
				</div>
				<div class="person-info-right">
					<div class="person-cards">
						<div class="person-cards-num">1张</div>
						<div class="person-cards-name">优惠券</div>
					</div>
					<div class="person-cards">
						<div class="person-cards-num">123</div>
						<div class="person-cards-name">积分</div>
					</div>
					<div class="signin">
						<div class="signin-btn">签到领积分</div>
						<div class="signin-tip">您今天还没有签到</div>
					</div>
				</div>
				<div class="center-ad">
					<img src="img/center-ad.jpg" alt=""/>
				</div>
				<div class="my-message">
					您有<em>1</em>条未读信息
					<span class="close-message"> X </span>
				</div>
			</div>
		</div>
		<!--主要内容-->
		<div class="center-main">
			<!--左侧导航-->
			<div class="center-slider">
				<dl>
					<dd>
						<a href="" class="active">
							<img src="img/s1.png"/>
							<span>首页</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>我的课程</td>
					<dd>
						<a href="">
							<img src="img/s2.png"/>
							<span>开始听课</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s3.png"/>
							<span>听课记录</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s4.png"/>
							<span>我的直播</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s5.png"/>
							<span>问答中心</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>我的题库</td>
					<dd>
						<a href="">
							<img src="img/s6.png"/>
							<span>开始做题</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s7.png"/>
							<span>做题数据</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>个人管理</td>
					<dd>
						<a href="">
							<img src="img/s8.png"/>
							<span>我的订单</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s9.png"/>
							<span>地址管理</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s10.png"/>
							<span>个人资料</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s11.png"/>
							<span>优惠券</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s12.png"/>
							<span>我的积分</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s13.png"/>
							<span>账户安全</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>其它</td>
					<dd>
						<a href="">
							<img src="img/s14.png"/>
							<span>学习资料</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s15.png"/>
							<span>消息中心</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s16.png"/>
							<span>APP下载</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s17.png"/>
							<span>帮助中心</span>
						</a>
					</dd>
				</dl>
			</div>
			<!--右侧主题内容-->
			<div class="center-main-content">
				<!--倒计时-->
				<div class="countdown">
					<div class="choose-item">
						<!-- <div class="onchoose">二级建造师</div>
						<img src="img/down.png"/> -->
						<select class="onchoose">
							<option>二级建造师</option>
							<option>二级建造师</option>
							<option>二级建造师</option>
							<option>二级建造师</option>
						</select>
					</div>
					<div class="countdown-main">
						<div class="countdown-start">倒计时：距离2020年建造师考试还剩</div>
						<div class="countdown-ico">100</div>
						<div class="countdown-end">天</div>
					</div>
				</div>
				<!--课程列表-->
				<div class="coursewrap">
					<div class="course">
						<div class="my-course">
							<div class="my-course-title">
								<h4>免费体验课程</h4>
							</div>
							<div class="my-course-box">
								<div class="free-course-item">
									<div class="free-course-img">
										<img src="./img/er.png"/>
									</div>
									<div class="free-course-desc">
										<div class="free-course-title">二级建造师</div>
										<div class="free-course-teacher">二级建造师/王老师</div>
										<div class="free-course-rank">
											已学至：<span>课程导学（三）第3讲</span>
										</div>
									</div>
									<div class="free-course-btns">
										<div class="buy-now">
											<a href="">立即购买</a>
										</div>
										<div class="goin">
											<a href="">进入班级</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="my-course">
							<div class="my-course-title">
								<h4>我的课程</h4>
							</div>
							<div class="my-course-box underline">
								<div class="my-course-item">
									<div class="mycoursedescwrap">
										<div class="my-course-desc">
											<h5>2020年二级建造师-小白定制专享班</h5>
											<p class="my-course-classify">
												<span class="course-classify">二级建造师</span>
												<span class="my-course-num">86节课</span>
											</p>
											<p class="my-course-tips">
												<span>直播</span>
												<span>名师精讲</span>
												<span>不过退费</span>
											</p>
											<div class="teacher-thumb-box">
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
											</div>
										</div>
									</div>
									
									<div class="goonbtn">
										<a href="">继续学习</a>
									</div>
									<div class="my-course-progress">
										<div class="progressboxwrap">
											<div class="progress-box">
												<div class="progress-content"></div>
											</div>
										</div>
										
										<div class="progress-word-box">
											<span class="progress-word">学习进度</span>
											<span class="progress-count">54<em>%</em></span>
										</div>
									</div>
								</div>
								<div class="my-course-item">
									<div class="mycoursedescwrap">
										<div class="my-course-desc">
											<h5>2020年二级建造师-小白定制专享班</h5>
											<p class="my-course-classify">
												<span class="course-classify">二级建造师</span>
												<span class="my-course-num">86节课</span>
											</p>
											<p class="my-course-tips">
												<span>直播</span>
												<span>名师精讲</span>
												<span>不过退费</span>
											</p>
											<div class="teacher-thumb-box">
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
												<div class="teacher-thumb-item">
													<div class="teacher-thumb">
														<img src="img/thumb.png"/>
													</div>
													<p class="teacher-name">效果强</p>
												</div>
											</div>
										</div>
									</div>
									
									<div class="goonbtn">
										<a href="">继续学习</a>
									</div>
									<div class="my-course-progress">
										<div class="progressboxwrap">
											<div class="progress-box">
												<div class="progress-content"></div>
											</div>
										</div>
										
										<div class="progress-word-box">
											<span class="progress-word">学习进度</span>
											<span class="progress-count">54<em>%</em></span>
										</div>
									</div>
								</div>
								<div class="more-course">
									<a href="#">更多课程 ></a>
								</div>
							</div>
						</div>
						
						<div class="my-course">
							<div class="my-course-title">
								<h4>我的题库</h4>
							</div>
							<div class="my-course-box">
								<div class="my-bank-item">
									<div class="my-bank-desc">
										<p class="my-bank-try">
											<i></i>
											<span class="ontry">正在练习</span>
											<span class="try-time">2020-10-20 19:00</span>
										</p>
										<p class="try-bread">教材变更 > 每日一练</p>
										<p class="try-title">教材变更</p>
										<a href="#" class="goon-try">继续做题</a>
									</div>
									<div class="try-charts">
										<div class="try-charts-item">
											<p class="try-charts-num">
												240<em>%</em>
											</p>
											<span>正确率</span>
										</div>
										<div class="try-charts-item">
											<p class="try-charts-num">
												104<em>道</em>
											</p>
											<span>做题总数</span>
										</div>
										<div class="try-charts-item">
											<p class="try-charts-num">
												240<em>道</em>
											</p>
											<span>收藏试题</span>
										</div>
									</div>
									<div class="my-course-progress">
										<div class="progress-box">
											<div class="progress-content"></div>
										</div>
										<div class="progress-word-box">
											<span class="progress-word">练习进度</span>
											<span class="progress-count">54<em>%</em></span>
										</div>
									</div>
								</div>
								<p class="slogan">
									~~错题重做，弱点巩固举一反三，哪里跌倒哪里爬起~~ 
									<a href="#">查看报告 ></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				
				
				<!--每日一练 我的订单-->
				<div class="everyday-order">
					<div class="everyday">
						<div class="my-course-title">
							<h4>我的题库</h4>
						</div>
						<p class="this-time">2020年10月26日 星期一</p>
						<div class="try-rank">
							<p class="try-day">
								坚持练习<span>12</span>天
							</p>
							<p class="try-tips">每天进步一点点</p>
						</div>
						<div class="start-try-btn">
							<a href="#"></a>
						</div>
					</div>
					
					<div class="my-order">
						<div class="my-course-title">
							<h4>我的订单</h4>
						</div>
						<div class="my-order-icon">
							<div class="onpay-order">
								<div class="onpay-order-icon">
									<img src="img/order1.png" />
									<span>2</span>
								</div>
								<p>待付款课程</p>
							</div>
							<div class="onpay-order">
								<div class="onpay-order-icon">
									<img src="img/order2.png" />
								</div>
								<p>全部订单</p>
							</div>
						</div>
					</div>
					
					<div class="my-order">
						<div class="my-order-icon">
							<div class="goods-thumb">
								<img src="./img/er.png"/>
							</div>
							<div class="goods-desc">
								<p class="goods-title">您提交了订单，等待付款</p>
								<p class="goods-price">￥1800</p>
							</div>
							<a href="#" class="onpay-order-btn">查看详情</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<footer>
			<div class="footer-box">
				<div class="footer-top">
					<div class="footer-logo">
						<img src="img/flogo.png"/>
					</div>
					<div class="footer-nav">
						<ul>
							<li>
								<a href="#">了解雨露</a>
							</li>
							<li>
								<a href="#">帮助与支持</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">关于我们</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">网站声明</a>
							</li>
							<li>
								<a href="#">反馈建议</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">售后中心</a>
							</li>
							<li>
								<a href="#">侵权举报</a>
							</li>
						</ul>
					</div>
					<div class="app-wechat">
						<div class="app">
							<div class="app-img">
								<img src="img/er1.png" />
							</div>
							<p>下载雨露众德app</p>
						</div>
						<div class="app">
							<div class="app-img">
								<img src="img/er2.png" />
							</div>
							<p>关注微信公众号</p>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<p>全国客服热线：400-1767-214 京ICP备17069128号-1 京公网安备17069128</p>
					<p>Copyright 2017-2020 雨露众德教育集团</p>
				</div>
			</div>
		</footer>
		<script src="./js/studyindex.js"></script>
	</body>
</html>
